// 思路：pinia负责用户数据相关的state和action，组件中只负责触发action函数并传递参数

// 管理用户数据相关
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginAPI } from '@/apis/User.js'
import { useCartStore } from './cartStore'
import { mergeCartAPI } from '@/apis/Cart'

export const useUserStore = defineStore('user', ()  => {
  const cartStore = useCartStore()
  // 1.定义管理用户数据的state
  const userInfo = ref({}) // 用户信息
  // 2.定义获取接口数据的action函数
  const getUserInfo = async ({ account, password }) =>{
    const res = await loginAPI({ account, password })
    userInfo.value = res.result // 将接口返回的数据赋值给state

    // 合并购物车的操作
    mergeCartAPI(cartStore.cartList.map(item => {
      return {
        skuId: item.skuId,
        selected: item.selected,
        count: item.count
      }
    }))
    //获取最新购物车列表action
    cartStore.updateNewList()
  }
  // 定义退出登录，清除数据方法
  const clearUserInfo = () => {
    userInfo.value = {} // 清空用户信息
    // 执行清除购物车的action
    cartStore.clearCart()
  }

  // 3.以对象的格式把state和action暴露出去
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
},
{
  persist: true // 开启持久化存储
})